const Main = (props) => {
  return (
    <div>
      <div className="list">
        <ul className="listUl">
          <li>标签</li>
          <li>日期</li>
          <li>优先级</li>
        </ul>
        <ul>
          {props.list.list.map((item, key) => (
            <div key={key} className="divul">
              <li>{item.name} </li>
              <li>{item.date}</li>
              <li className={item.priority === 1 ? 'color0' : 'color1'}>
                {item.priority}
              </li>
            </div>
          ))}
        </ul>
      </div>
    </div>
  )
}

export default Main
